
<template>
  <div class="contents">
    <div class="center-container">
      <centerCenter />
      <CenterBottom />
    </div>
  </div>
</template>

<script>
import centerCenter from "./center-center.vue";
import CenterBottom from "./center-bottom.vue";
export default {
  components: {
    centerCenter,
    CenterBottom,
  },
  data() {
    return {};
  },
  filters: {},
  created() {},

  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
// 内容
.contents {
  margin-top: -135px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

  .center-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

}

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
  }

  50% {
    -webkit-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
</style>